	 <style>
	 	.alert{
	 		width:89% !important;
	        margin:10px auto !important;
	 	}
	 </style>
     <div class="row" >
        <div class="col-lg-12">
          <h1 class="page-header" style="font-family:'StagSansLight';margin-top:0">¡Póngase en contacto!</h1>
        </div>
     </div>
      
      <div class="row">
        <div class="col-sm-8">
            <form role="form" method="POST" action="../Webs/contacto">
	            <div class="row">
	              <div class="form-group col-lg-4">
	                <label for="input1">Nombre</label>
	                <input type="text" name="nombre" class="form-control" id="input1">
	              </div>
	              <div class="form-group col-lg-4">
	                <label for="input2">Correo</label>
	                <input type="email" name="correo" class="form-control" id="input2">
	              </div>
	              <div class="form-group col-lg-4">
	                <label for="input3">Asunto</label>
	                <input type="text" name="asunto" class="form-control" id="input3">
	              </div>
	              <div class="clearfix"></div>
	              <div class="form-group col-lg-12">
	                <label for="input4">Mensaje</label>
	                <textarea name="mensaje" class="form-control" rows="6" id="input4"></textarea>
	              </div>
	              <div class="form-group col-lg-12" style="margin-bottom:30px">
	                <button type="submit" class="btn btn-primary">Enviar</button>
	              </div>
              </div>
            </form>
        </div>

        <div class="col-sm-4">
          <h3>SICEA</h3>
          <h4>Gestor de Eventos FISI</h4>
          <p>
            5555 44th Street N.<br>
            Bootstrapville, CA 32323<br>
          </p>
          <p><span class="glyphicon glyphicon-earphone"></span> (511) 222-2222</p>
          <p><span class="glyphicon glyphicon-envelope"></span>  <a href="mailto:sircea@sistemas.edu.pe">sircea@sistemas.edu.pe</a></p>
          <p><span class="glyphicon glyphicon-time"></span>  Lunes - Viernes: 9:00 AM - 5:00 PM</p>
	    	<div id="social-contact" style="width: 60%;">
			  <a href="#facebook" style="padding-right: 10px;"><img title="Facebook" data-toggle="tooltip" data-placement="bottom" data-delay="300" width="20%" height="20%" src="../img/facebook-icon.png"></a>
			  <a href="#twitter" style="padding-right: 10px;"><img title="Twitter" data-toggle="tooltip" data-placement="bottom" data-delay="300" width="20%" height="20%" src="../img/twitter-icon.png"></a>
			  <a href="#google+" style="padding-right: 10px;"><img title="Google+" data-toggle="tooltip" data-placement="bottom" data-delay="300" width="20%" height="20%" src="../img/google-plus-icon.png"></a>
			  <a href="#youtube"><img title="YouTube" data-toggle="tooltip" data-placement="bottom" data-delay="300" width="20%" height="20%" src="../img/youtube-icon.png"></a>
			</div>
        </div>

      </div>
	 <script>
	 	$("#social-contact img").tooltip();
	 </script>